﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PRiC.aspx.cs" Inherits="cognysClient.PRiC" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link href="css/PRiC.css" rel="stylesheet" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="scripts/PRiC.js"></script>
<script src="scripts/FastClick.js"></script>
    <title></title>
</head>
<body>
<form id="form1" runat="server">
<div id="mainDiv" runat="server">

<div id="divInformation" class="divSize" runat="server">
           <img id="PRiC_img" runat="server" src="Images/PRiC/instructions.jpg" class="PRiC_img"/>

        <div id="divNextQuestion" runat="server" class="divNextQuestion">
            <asp:Button ID="btnNextQuestionFirstPage" runat="server" Text="Nästa Fråga" CssClass="nextQuestion1" OnClientClick="nextImage(); return false"/>
        </div>
</div>

        <asp:ScriptManager ID="Script1" runat="server" EnablePageMethods="true">
        </asp:ScriptManager>

<div id="divImages" runat="server" class="divSize"  style="display:none">
            <img src="Images/PRiC/PRiC_img1.jpg" id="PRiC_img01" class="PRiC_img" runat="server"/>

        <div id="divButtons" runat="server" class="divButtons">
            <input type ="button" class="button" onclick = "change_select(this); return false;" value = "1. Inte Alls" />
            <input type ="button" class="button" onclick = "change_select(this); return false;" value = "2. Lite" />
            <input type ="button" class="button" onclick = "change_select(this); return false;" value = "3. Mycket" />
            <input type ="button" class="button" onclick = "change_select(this); return false;" value = "4. Jättemycket" />
        </div>
        <div id="divNextButton"  class="divNextButton" style="display:none">
            <asp:Button ID="btnNextQuestion" runat="server" Text="Nästa Fråga" CssClass="nextQuestion" OnClientClick="nextImageButton1(); return false"/>
        </div>

</div>

<div id="divFeeling" class="divSize" style="display:none">
            <img src="Images/PRiC/PRiC_img23.jpg" class="PRiC_img"/>

        <div id="divButtons1" runat="server" class="divButtons">
            <input type ="button" class="button" onclick = "change_select(this); return false;" value = "1. Mycket Bra" />
            <input type ="button" class="button" onclick = "change_select(this); return false;" value = "2. Bra" />
            <input type ="button" class="button" onclick = "change_select(this); return false;" value = "3. Dåligt" />
            <input type ="button" class="button" onclick = "change_select(this); return false;" value = "4. Jättedåligt" />
        </div>  
              
        <div id="divNextButton1" class="divNextButton" style="display:none">
            <asp:Button ID="btnNextQuestion1" runat="server" Text="Nästa Fråga" CssClass="nextQuestion" OnClientClick="nextImageButton1(); return false"/>
        </div>
</div>

<div id="divTextBox" class="divSize" style="display:none">
                <img src="Images/PRiC/qStrip.jpg" class="qStrip"/>
                <asp:TextBox ID="tbxAnswer" runat="server" CssClass="tb1" TextMode="MultiLine"></asp:TextBox>  

        <div id="divNextButton2" class="divNextQuestion" >
                <asp:Button ID="btnTextBoxQuestion" runat="server" Text="Nästa Fråga" CssClass="nextQuestion2" OnClientClick="nextImage2(); return false"/>        
        </div>        
</div>

<div id="divAnswers" class="divSize" style="display:none">
            <img src="Images/PRiC/PRiC_img25.jpg" class="PRiC_img"/>

        <div id="div1" class="divNextQuestion" >
            <asp:Button ID="btnYes" runat="server" Text="Ja, Jag har själv kryssat i svaren" CssClass="buttonYes" OnClientClick="AnswerYes(); return false" />
            <asp:Button ID="btnNo" runat="server" Text="Nej, Jag har inte kryssat i svaren själv" CssClass="buttonNo" OnClientClick="AnswerNo(); return false" />
        </div>     
</div>

<div id="divAnswerNo" class="divSize" style="display:none">
            <img src="Images/PRiC/qStrip2.jpg" class="qStrip" />
            <asp:TextBox ID="tbxAnswer1" runat="server" CssClass="tb1" TextMode="MultiLine"></asp:TextBox>

        <div id="divNextButton5" class="divNextQuestion" >
            <asp:Button ID="btnTextBoxQuestion1" runat="server" Text="Nästa Fråga" CssClass="nextQuestion2" OnClientClick="IfYes(); return false"/>
        </div>        
</div>

<div id="divAdult" class="divSize" style="display:none">

            <div id="AdultQuestion1" class="divSize">
                <p class="AdultQuestionText">Hur delaktig har ditt barn varit i att svara på påståendena?</p>
                <p class="AdultQuestionText">Markera ett alternativ från 1 som motsvarar inte alls- till 4 som motsvarar mycket.-</p>
            </div>

        <div id="divButtons2" runat="server" class="divButtons">
            <asp:Button ID="btnAdultQuestion1" runat="server" Text="Inte Alls" OnClientClick="nextImageButton(1); return false" CssClass="button" />
            <asp:Button ID="btnAdultQuestion2" runat="server" Text="Lite" OnClientClick="nextImageButton(2); return false" CssClass="button" />
            <asp:Button ID="btnAdultQuestion3" runat="server" Text="Delvis" OnClientClick="nextImageButton(3); return false" CssClass="button" />
            <asp:Button ID="btnAdultQuestion4" runat="server" Text="Mycket" OnClientClick="nextImageButton(4); return false" CssClass="button" />
        </div>
</div>

<div id="divAdultQuestions" class="divSize" style="display:none">   
         
        <div id="AdultQuestion2" class="divSize">
                <p class="AdultQuestionText">Saknar du några frågor gällande ditt barns återhämtning?</p>
        </div>

        <div id="divButtons3" runat="server" class="divButtons">
            <asp:Button ID="btnAdultYes" runat="server" Text="Ja" CssClass="buttonYes" OnClientClick="AdultAnswerYes(); return false" />
            <asp:Button ID="btnAdultNo" runat="server" Text="Nej" CssClass="buttonNo" OnClientClick="AdultAnswerNo(); return false" />
        </div>        
</div>

<div id="divAdultYesQuestion" class="divSize" style="display:none">
            <p class="AdultQuestionText">Vilken eller vilka frågor saknar du?</p>
            <p class="AdultQuestionText">Skriv och berätta här!</p>
            <asp:TextBox ID="tbxAnswer2" runat="server" CssClass="tb2" TextMode="MultiLine"></asp:TextBox>

        <div id="divNextButton3" class="divNextQuestion" >
            <asp:Button ID="btnTextBoxQuestion2" runat="server" Text="Nästa Fråga" CssClass="nextQuestion2" OnClientClick="IfYes2(); return false"/>
        </div>       
</div>

<div id="divLastAdult" class="divSize" style="display:none">
            <p class="AdultQuestionText">Övriga kommentarer från</p>
            <p class="AdultQuestionText">barn/förälder/närstående</p>
            <asp:TextBox ID="tbxAnswer3" runat="server" CssClass="tb2" TextMode="MultiLine"></asp:TextBox>

        <div id="divNextButton4" class="divNextQuestion" >
            <asp:Button ID="btnTextBoxQuestion3" runat="server" Text="Nästa Fråga" CssClass="nextQuestion2" OnClientClick="getAnswerArray(); return false"/>        
        </div>       
</div>

        <div id="divThanks" class="divSize" style="display:none">
            <p class="AdultQuestionText">Tack för din medverkan!</p>
            <p class="AdultQuestionText">Klicka på "Klar" för att återvända till startsidan</p>
             <asp:Button ID="btnTextBoxQuestion4" runat="server" Text="Klar" CssClass="done" OnClientClick="done(); return false"/>
        </div>
</div>
</form>
</body>
</html>

